<style lang="less">
@import "./home.less";
</style>

<template>
  <div>

        <Card>
        <p slot="title">会员管理</p>
          <Grid>
            <Row>
              <Col :span="3">
                <div style="text-align:center;cursor: pointer;height: 90px;">
                    <img src="../../assets/imgs/qd.png" height="60" width="60">
                    <p style="font-family: '微软雅黑 Light';font-size: 18px">前台签到</p>
                </div>
              </Col>

              <Col :span="3">
                <div style="text-align:center;cursor: pointer;">
                  <img style="" src="../../assets/imgs/hygl.png" height="60" width="60">
                  <p style="font-family: '微软雅黑 Light';font-size: 18px">会员管理</p>
                </div>
              </Col>
              <Col :span="3">
                <div style="text-align:center;cursor: pointer;">
                  <img style="" src="../../assets/imgs/hykgl.png" height="60" width="60">
                  <p style="font-family: '微软雅黑 Light';font-size: 18px">会员卡管理</p>
                </div>
              </Col>
              <Col :span="3">
                <div style="text-align:center;cursor: pointer;">
                  <img style="" src="../../assets/imgs/ry.png" height="60" width="60">
                  <p style="font-family: '微软雅黑 Light';font-size: 18px">工作人员</p>
                </div>
              </Col>
              <Col :span="3">
                <div style="text-align:center;cursor: pointer;">
                  <img style="" src="../../assets/imgs/sz.png" height="60" width="60">
                  <p style="font-family: '微软雅黑 Light';font-size: 18px">系统设置</p>
                </div>
              </Col>
              <Col :span="3">
                <div style="text-align:center;cursor: pointer;">
                  <img style="" src="../../assets/imgs/sysm.png" height="60" width="60">
                  <p style="font-family: '微软雅黑 Light';font-size: 18px">使用说明</p>
                </div>
              </Col>
            </Row>

          </Grid>
        </Card>

<!--      <Card style="margin-top: 10px">-->
<!--        <p slot="title">微信和APP管理</p>-->
<!--      </Card>-->


    <Card style="margin-top: 10px">
      <p slot="title">统计&分析&报表</p>
      <Row>
        <Col :span="3">
          <div style="text-align:center;cursor: pointer;height: 90px;">
            <img src="../../assets/imgs/xfjl.png" height="60" width="60">
            <p style="font-family: '微软雅黑 Light';font-size: 18px">消费记录</p>
          </div>
        </Col>
        <Col :span="3">
          <div style="text-align:center;cursor: pointer;height: 90px;">
            <img src="../../assets/imgs/czrz.png" height="60" width="60">
            <p style="font-family: '微软雅黑 Light';font-size: 18px">操作日志</p>
          </div>
        </Col>
      </Row>
    </Card>
<!--    <div v-show="currNav == 'xboot'" class="home">-->
<!--      主页-->
<!--    </div>-->
<!--    <div v-if="currNav == 'app'">-->
<!--      主页-->
<!--    </div>-->

  </div>
</template>

<script>
import { ipInfo, getNotice } from "@/api/index";
import visitVolume from "./components/visitVolume.vue";
import visitSeparation from "./components/visitSeparation.vue";
import card1 from "@/views/my-components/widget/card1.vue";
import card2 from "./components/card2.vue";
import card3 from "@/views/my-components/widget/card3.vue";
import card4 from "@/views/my-components/widget/card4.vue";
import cardApp from "./components/cardApp.vue";
import dashboard2 from "../xboot-charts/dashboard2/dashboard2.vue";
import Cookies from "js-cookie";
// import "gitalk/dist/gitalk.css";
import Gitalk from "gitalk";

export default {
  name: "home",
  components: {
    visitVolume,
    visitSeparation,
    card1,
    card2,
    card3,
    card4,
    cardApp,
    dashboard2,
  },
  data() {
    return {

    };
  },
  computed: {
    currNav() {
      return this.$store.state.app.currNav;
    },
    nickname() {
      return this.$store.state.user.nickname;
    },
    avatar() {
      return this.$store.state.user.avatar;
    },
  },
  methods: {
    init() {

    },
    showNotice() {
      getNotice().then((res) => {
        if (res.success) {
          if (!res.result) {
            return;
          }
          let data = res.result;
          if (
            data.open &&
            (data.title || data.content) &&
            data.position == "HOME"
          ) {

            this.$Notice.info({
              title: data.title,
              desc: data.content,
              duration: data.duration,
            });


          }
        }
      });
    },
  },
  mounted() {





    this.init();
  },
};
</script>
